<template>
    <div id="AnnouncementUpdateAndUpload">
        <el-tabs tab-position="top" type="card">
            <el-tab-pane label="公告管理">
                <AnnouncementList></AnnouncementList>
            </el-tab-pane>
            <el-tab-pane label="公告上传">
                <AnnouncementUpload></AnnouncementUpload>
            </el-tab-pane>
        </el-tabs>
    </div>
</template>

<script>
import AnnouncementList from '@/components/back/announcement/AnnouncementList.vue';
import AnnouncementUpload from '@/components/back/announcement/AnnouncementUpload.vue';
export default {
    components: {
        AnnouncementList, AnnouncementUpload
    }
}
</script>

<style scoped="scope" scope>
/deep/.el-tabs__item.is-active {
  color: rgb(255, 150, 50);
}

/deep/.el-tabs--card>.el-tabs__header .el-tabs__item.is-active {
  border-bottom-color: rgba(255, 149, 50, 0.5);
}

/deep/.el-tabs__item {
  color: #fff;
}

/deep/.el-tabs--card>.el-tabs__header .el-tabs__item {
  border-left-color: #363a3d;
}

/deep/.el-tabs--card>.el-tabs__header .el-tabs__nav {
  border: #363a3d 1px solid;
}

/deep/.el-tabs--card>.el-tabs__header {
  border-color: #363a3d;
}
/deep/.el-tabs--card>.el-tabs__header {
  padding-left: 20px;
}
</style>